<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="my" uri="/mytags" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>学校信息</title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/asserts/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
	
		<!-- js插件 -->
		<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
		<script src="${pageContext.request.contextPath}/asserts/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/asserts/bootstrapValidate/css/bootstrapValidator.min.css"/>
 	   <script src="${pageContext.request.contextPath}/asserts/bootstrapValidate/js/bootstrapValidator.min.js"></script>
		<style type="text/css">
			button{
 				height:30px;
 			}
 			.btn{
 				height:30px;
 				padding:2px;
 			}
		</style>
	</head>
	<body>
			<!-- 内容展示区 -->
			<div >
					<!-- 导航 -->
					<ol class="breadcrumb">
						<li><i class="fa fa-comment"></i> 学校管理</li>
					</ol>
					<div class="container-fluid">
						<!-- 	内容面板 -->
						<div class="panel panel-default">
							<!-- 控制按钮 -->
							<div class="panel-heading">
									<div class="btn-group">
										<button class="btn btn-primary" data-toggle="modal" data-target="#mymodal" type="button" onclick="add()" ><span class="glyphicon glyphicon-pencil"></span>添加</button>
											<button class="btn btn-success" data-toggle="modal" data-target="#mymodalimport" ><span class="glyphicon glyphicon-import"></span>导入excel</button>
										<button class="btn btn-info" onclick="downTemplate()"><span class="glyphicon glyphicon-export"></span>导出excel模板</button>
									
									</div>
							</div><!-- 控制按钮  end-->
							<div class="panel-body">
							<form action="${pageContext.request.contextPath}/school/list" method="post"  class="form-horizontal" >
								     <div class="form-group">
										<label class="control-label col-md-2">学校名称：</label>
										<div class="col-md-6">
											<input type="text" name="names" value="${names}" placeholder="输入学校名称" class="form-control"  />
										
										</div>
										 
										<div class="col-md-2">
												<button class="btn btn-success">查询</button>
										</div>
									</div>
							 
						 
									 
									 
								</form>
								<table class="table table-bordered table-striped table-condensed table-hover">
									<tr>
										<th width="2%"><input type="checkbox" name="" id="selectAll" /></th>
										<th width="4%">序号</th>
										<th width="20%">学校名称</th>
										<th width="10%">学校代码</th>
										<th width="7%">学校性质</th>
										<th width="8%">学段</th>
										<th width="10%">学年</th>
										<th width="12%">学期</th>
										<th width="7%">状态</th>
										<th width="25%">操作</th>
									</tr>
									<!-- 数据绑定 -->
									<c:forEach items="${pageInfo.list}" var="sc">
									<tr>
										<td><input type="checkbox" name="" class="eid" id="" /></td>
										<td>${sc.schid}</td>
										<td>${sc.name}</td>
										<td>${sc.code}</td>
										<td>${sc.prop}</td>
										<td>${sc.level}</td>
										<td>${sc.studyyear}</td>
										<td>${sc.term}</td>
										<td>
										   <c:if test="${sc.status==1}">
										   	启用
										   </c:if>
										    <c:if test="${sc.status==2}">
										   	结束评审
										   </c:if>
										</td>
										<td>
											<button type="button" class="btn btn-primary" onclick="updates(this,${sc.status})" 
												data-toggle="modal" data-target="#mymodalupdate" >
												 <span class="glyphicon glyphicon-edit"></span> 修改</button>
											 <button type="button" class="btn btn-danger" onclick="del(${sc.schid})"> 
											 	<span class="glyphicon glyphicon-remove"></span> 删除</button>
											   <button type="button" class="btn btn-warning" onclick="changeStatus(${sc.schid},${sc.status},'${sc.level}')"> 
											 	<span class="glyphicon glyphicon-check"></span>启用/结束</button>
										</td>
									</tr>
									</c:forEach>	
									 
									<!-- 	数据绑定 end -->
								</table>
								<!-- 	分页 -->
								<!-- 	分页 -->
								 <my:page prePage="${pageInfo.prePage}" nextPage="${pageInfo.nextPage}"  
								  url="${pageContext.request.contextPath}/school/list?n=1" totalPage="${pageInfo.pages}"
								  currentPage="${pageInfo.pageNum}"/>
							</div>
						</div><!-- 内容面板 end -->
					</div>
			</div><!-- 	内容展示区 end-->
	 
		
		<!-- 弹层组件 添加标签 -->
		<div class="modal fade" id="mymodal">
			<div class="modal-dialog">
				<div class="modal-content">
					<form action="${pageContext.request.contextPath}/school/add"  class="form-horizontal">
 						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
							<h4 class="modal-title" id="mylabel">录入学校信息</h4>
							<h5 class="modal-title" id="mylabel"> (若不能选择学校，请联系管理员维护基础数据)</h5>
						</div>
						<div class="modal-body">
							   
							  <!-- 学校-->
								<div class="form-group">
									<label class="control-label col-md-3">学校名称：</label>
									<div class="col-md-8">
									 	<select id="name" name="name" class="form-control">
											<option value="">请选择</option>
										</select>
									</div>
								</div>
								  <!-- 学校-->
								<div class="form-group">
									<label class="control-label col-md-3">学校代码：</label>
									<div class="col-md-8">
										<input type="text" id="code" name="code" placeholder="请输入学校代码" class="form-control"  />
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3">学校性质：</label>
									<div class="col-md-8">
										<select name="prop" class="form-control">
											<option value="">请选择</option>
											<option value="公办">公办</option>
											<option value="民办">民办</option>
										</select> 
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3">学段：</label>
									<div class="col-md-8">
										<select name="level" class="form-control">
											<option value="">请选择</option>
											<option value="学前">学前</option>
											<option value="小学">小学</option>
											<option value="初中">初中</option>
											<option value="高中">高中</option>
											<option value="中职">中职</option>
										</select> 
									</div>
								</div>
							  	<div class="form-group">
									<label class="control-label col-md-3">学年：</label>
									<div class="col-md-8">
										<select name="studyyear" class="form-control">
												<option value="">请选择</option>
												<option value="2019-2020学年">2019-2020学年</option>
												<option value="2020-2021学年">2020-2021学年</option>
												<option value="2021-2022学年">2021-2022学年</option>
												<option value="2022-2023学年">2022-2023学年</option>
												<option value="2023-2024学年">2023-2024学年</option>
											</select> 
									</div>
								</div>
								  	<div class="form-group">
									<label class="control-label col-md-3">学期：</label>
									<div class="col-md-8">
										<select name="term" class="form-control">
											<option value="">请选择</option>
											<option value="2019年秋季学期">2019年秋季学期</option>
											<option value="2020年春季学期">2020年春季学期</option>
											<option value="2020年秋季学期">2020年秋季学期</option>
											<option value="2021年春季学期">2021年春季学期</option>
											<option value="2021年秋季学期">2021年秋季学期</option>
											<option value="2022年春季学期">2022年春季学期</option>
											<option value="2022年秋季学期">2022年秋季学期</option>
											<option value="2023年春季学期">2023年春季学期</option>
										</select> 
									</div>
								</div>
						</div>
						<div class="modal-footer">
							<button class="btn btn-danger" data-dismiss="modal" type="button">关闭</button>
							<button class="btn btn-primary" type="submit" >录入/修改</button>
						</div>
					</form>
				</div>
			</div>
		</div><!-- 弹层组件 添加标签 end -->
		
		
		<div class="modal fade" id="mymodalupdate">
			<div class="modal-dialog">
				<div class="modal-content">
					<form action="${pageContext.request.contextPath}/school/update"  class="form-horizontal">
					    <input type="hidden" name="schid" id="schid1" value=""/>
					      <input type="hidden" name="status" id="status1" value=""/>
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
							<h4 class="modal-title" id="mylabel">修改学校信息</h4>
 						</div>
						<div class="modal-body">
							   
							  <!-- 学校-->
								<div class="form-group">
									<label class="control-label col-md-3">学校名称：</label>
									<div class="col-md-8">
									    <input type="text" id="name1" name="name" class="form-control"  readonly="readonly"/>
									</div>
								</div>
								  <!-- 学校-->
								<div class="form-group">
									<label class="control-label col-md-3">学校代码：</label>
									<div class="col-md-8">
										<input type="text" id="code1" name="code" placeholder="请输入学校代码" class="form-control"  />
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3">学校性质：</label>
									<div class="col-md-8">
										<select  name="prop" class="form-control">
											<option value="">请选择</option>
											<option value="公办">公办</option>
											<option value="民办">民办</option>
										</select> 
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3">学段：</label>
									<div class="col-md-8">
										<select id="level1" name="level" class="form-control">
											<option value="">请选择</option>
											<option value="学前">学前</option>
											<option value="小学">小学</option>
											<option value="初中">初中</option>
											<option value="高中">高中</option>
											<option value="中职">中职</option>
										</select> 
									</div>
								</div>
							  	<div class="form-group">
									<label class="control-label col-md-3">学年：</label>
									<div class="col-md-8">
										<select id="studyyear1" name="studyyear" class="form-control">
												<option value="">请选择</option>
												<option value="2019-2020学年">2019-2020学年</option>
												<option value="2020-2021学年">2020-2021学年</option>
												<option value="2021-2022学年">2021-2022学年</option>
												<option value="2022-2023学年">2022-2023学年</option>
												<option value="2023-2024学年">2023-2024学年</option>
											</select> 
									</div> 
								</div>
								  	<div class="form-group">
									<label class="control-label col-md-3">学期：</label>
									<div class="col-md-8">
										<select id="term1" name="term" class="form-control">
											<option value="">请选择</option>
											<option value="2019年秋季学期">2019年秋季学期</option>
											<option value="2020年春季学期">2020年春季学期</option>
											<option value="2020年秋季学期">2020年秋季学期</option>
											<option value="2021年春季学期">2021年春季学期</option>
											<option value="2021年秋季学期">2021年秋季学期</option>
											<option value="2022年春季学期">2022年春季学期</option>
											<option value="2022年秋季学期">2022年秋季学期</option>
											<option value="2023年春季学期">2023年春季学期</option>
										</select> </div>
								</div>
						</div>
						<div class="modal-footer">
							<button class="btn btn-danger" data-dismiss="modal" type="button">关闭</button>
							<button class="btn btn-primary" type="submit" >修改</button>
						</div>
					</form>
				</div>
			</div>
		</div><!-- 弹层组件 添加标签 end -->
		
		
		<div class="modal fade" id="mymodalimport">
			<div class="modal-dialog">
				<div class="modal-content">
					<form action="${pageContext.request.contextPath}/school/importBetch"
					method="post" enctype="multipart/form-data"  class="form-horizontal">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
							<h4 class="modal-title" id="mylabel">导入学校信息</h4>
 						</div>
						<div class="modal-body">
							   
							  <!-- 学校-->
								<div class="form-group">
									<label class="control-label col-md-3">选择导入的文件（excel格式）：</label>
									<div class="col-md-8">
									    <input type="file"  name="file" class="form-control"  />
									</div>
								</div>
								  <!-- 学校-->
							 
						</div>
						<div class="modal-footer">
							<button class="btn btn-danger" data-dismiss="modal" type="button">关闭</button>
							<button class="btn btn-primary" type="submit" >导入</button>
						</div>
					</form>
				</div>
			</div>
		</div><!-- 弹层组件 添加标签 end -->
	 
	</body>

<script>
function add(){
	 
	 //查询所有的 学校名称 放入下拉列表中
	 $.ajax({
			type:"post",
			url:"../ztree/selectAllChild",
			//data:"typeid=3", //表示是学校级别
			dataType:"JSON",
			success:function(data){
			       var school = $("#name");
			       //删除第一个以后的
			       $("#name option:gt(0)").remove();
			    	  // baseinfo 集合数组
			        var obj = data;
			    	  if(obj.length>0){
			    	 	 for(var i=0;i<obj.length;i++){
			    			  school.append("<option value='"+obj[i].name+"'>"+obj[i].name+"</option>");
			    	 	 }
			    	  }
			      
			}
			
		});
		
}


function del(id){
 	  var flag =  confirm("确认是否删除？");
 	   if(flag){
 		   var path  ='${pageContext.request.contextPath}';
 		   //alert(id);
 		    location.href= path+"/school/delete?id="+id;
 	   }
}
function changeStatus(id,status,name,level){
	 if(status==1){
		  var flag =  confirm("确认是否要结束评审吗？");
	  	   if(flag){
	  		   var path  ='${pageContext.request.contextPath}';
	  		   //alert(id);
	  		    location.href= path+"/school/updateStatus?id="+id+"&status=2&level="+level;
	  	   }
	 }else if(status!=1){
		 var flag =  confirm("同一时间段，该学校只能启用一次，确认是否要启用吗？");
	  	   if(flag){
	  		   var path  ='${pageContext.request.contextPath}';
	  		   //alert(id);
	  		    location.href= path+"/school/updateStatus?id="+id+"&status=1&name="+name+"&level="+level;
	  	   }
	 }
}


	 $(function () {
	  
        $('form:gt(0)').bootstrapValidator({
　　　　　　　　message: 'This value is not valid',
            　feedbackIcons: {
                　　　　　　　　valid: 'glyphicon glyphicon-ok',
                　　　　　　　　invalid: 'glyphicon glyphicon-remove',
                　　　　　　　　validating: 'glyphicon glyphicon-refresh'
            　　　　　　　　   },
            fields: {
                name: {
                    message: '用户名验证失败',
                    validators: {
                        notEmpty: {
                            message: '学校名不能为空'
                        }
                    }
                },
                code: {
                    validators: {
                        notEmpty: {
                            message: '学校代码不能为空'
                        }
                    }
                },
                prop: {
                    validators: {
                        notEmpty: {
                            message: '学校性质不能为空'
                        }
                    }
                },
                level: {
                    validators: {
                        notEmpty: {
                            message: '学段不能为空'
                        }
                    }
                },
                studyyear: {
                    validators: {
                        notEmpty: {
                            message: '学年不能为空'
                        }
                    }
                },
                term: {
                    validators: {
                        notEmpty: {
                            message: '学期年不能为空'
                        }
                    }
                }
            } ,
            submitHandler: function (validator, form, submitButton) {
           
            }
        });
    });
	 
   function updates(obj,status){
	   var tds= $(obj).parent().parent().find('td');
       $("#schid1").val(tds.eq(1).text());
		  $("#name1").val(tds.eq(2).text());
		  $("#code1").val(tds.eq(3).text());
		//  $("#prop1").val(tds.eq(4).text());
		//  $("#level").val(tds.eq(5).text());
		  $("#studyyear1").val(tds.eq(6).text());
		  $("#term1").val(tds.eq(7).text());
		  $("#status1").val(status);
   }
   
   function downTemplate(){
	   location.href="downTemplate";
   }
   document.documentElement.style.overflowY = 'hidden';
</script>
</html>